*{margin: 0;
padding: 0;}
.body,html{
    width: 100%;
    height: 100%;
    // background-color: aqua;
}
ul{
    list-style: none;
    display: flex;
}
a{
     text-decoration:none;
     color: #999999
     
}
.top{
    height: 265px;
    width: 100%;
    background-color: red;
    
        .top1-txt2 a:hover {
            color: red;
        }
          .top1-txt1 a:hover {
            color: red;
        }
    .top1{
        height: 27px;
        width: 1349px;
        background-color: #f2f2f2;
        display: flex;
        line-height: 30px;
        color: #999999;
 .top1-erj{
   width: 500px;
   height: 50px;
   background-color: #f2f2f2;
   position: absolute;
   top:30px;
   left: 400px;
   text-align: center;
   line-height: 50px;
  display: none;
 }

        .top1-txt1{
           margin-left: 70px;
            li{
            padding-left: 10px;
            font-size: 14px;
                } 
        }
       .top1-txt2{
           margin-left: 400px; 
             li{
             padding-left: 10px;
             font-size: 14px;
             }
           
             .top1-txt2-li3{
                 height: 20px;
                 width: 60px;
                 margin-top: 5px;
                 line-height: 19px;
                border-right: #999999 solid 1px;
             }
        }

    }

    .top2{
        height: 87px;
        width: 100%;
        background-color: #fff;
        display: flex;
      .top2-div1{
          width: 480px;
          height: 38px;
        //   background-color: yellow;
          margin-top: 16px;
          margin-left: 75px;
          display: flex;
          .top2-1{
           width: 163px;
           height: 38px;
           border-right: #f0f0f0 1px  solid ;
          }
          .top2-2{
              width: 111px;
              height: 38px;          
            border-right: #f0f0f0 1px  solid ;
         
            }
          .top2-3{
               width: 155px;
               height: 38px;
              border-right: #f0f0f0 1px  solid ;
         
            }
      }
      
       .top2-div2{
           width: 540px;
           height: 35px;
           background-color: saddlebrown;
           margin-top:16px;
           margin-left: 175px;
           display: flex;
           .in{
             height: 31px;
             width: 380px;
             border: #ff0036 2px solid;
           }
           .inspan1{
               background-color: #ff0036;
               display: block;
               line-height:30px;
               font-size: 17px;
               color: #ffffff;
               width: 80px;
               text-align: center;
           }
            .inspan2{
               background-color: #333333;
               display: block;
               line-height:30px;
                  font-size: 17px;
               color: #ffffff;
               width: 80px;
               text-align: center;

           }
       }
     
    }

    .top3{
        height: 150px;
        width: 100%;
        background-color: #6a1a03;
        .top3-1{
            width: 1200px;
            height: 65px;
            // background-color: green;
            margin-left: 73px;
               position: relative;
            
            .yuan{
               border-radius:30px;
                
                background-color: red;
                width: 80px;               
                height: 40px;
                font-size: 10px;
                color: #f9f9f9;
                    position: absolute;
                    top: 25px;
              
                .yuan-txt{
                    position: absolute;
                    top: 5px;
                    // background-color: #464646;
               width: 50px;
               height: 30px;
               margin-left: 27px;
               border-left: #f9f9f9 1px solid;
               text-align: center;
                }
            }
            .top3-txt{
             height: 35px;
             width: 688px;
           
             position: absolute;
             top: 30px;
             left: 127px;
             display: flex;
             .top3-ztxt{
                 font-size: 25px;
                 color: #fff;
                  position: absolute;
               
                  top: 1px;
                  left: 150px;
                //   border-left: #a56e50 1px solid;
                  padding-left: 10px;
             }
            }
           .inut{
               width: 235px;
               height: 35px;
            //    background-color: yellow;
               position: absolute;
               left: 963px;
               top: 28px;
               display: flex;
            
               
               input{
                   width: 190px;
                   height: 25px;
                   border: 1px solid  #4a1201 ;
                   background-color: #4a1201;
                   border-top-left-radius: 20px;
                   border-bottom-left-radius: 20px;
                
               }
             .d1{
                       display: block;
                       width: 40px;
                       height: 27px;
                       color: #fff;
                       background-color: #78be20;
                       border-top-right-radius: 20px;
                       border-bottom-right-radius: 20px;
                       text-align: center;
                       line-height: 25px;
                }
           }

        }
        .top3-2{
             margin-top: 50px;
             margin-left: 220px;
               position: relative;
              .top3-2-txt{
                  width: 900px;
                
                   li{
                       width: 100px;
                    text-align: center;
                   }
              }
             .top3-2-txt a{
                margin-left: 40px;
                font-size: 15px;
                color: #fff;
        
             }
          .top3-2-txt a:hover{ 
              color:greenyellow;
              line-height: 30px;
            }
           
                .dong2{
                 position: absolute;
                 width: 20px;
                 height: 10px;
                 background: url(../images/so_34.gif);
                 left: 160px;
                 top: 25px;               
                }
        }

        
    }
}
.but{
  width: 100%;
  height: 579px;
  background-color: #f5f5f3;
  img{
    margin-top: 30px;
    margin-left: 250px;
  }
}
.slideshow{
  width: 100%;
  height: 100%;
  .sl-1{
    width: 940px;
    height: 140px;
    margin: auto;
  }
  .sl-2{
    width: 1173px;
    height: 830px;
    // background-color: red;
    margin-left: 180px;
    .kes{
     
       overflow: hidden;
      height: 707px;
      width: 1173px;
    //  background-color: yellow;
      ul img{
                      height: 707px;  
                      width: 1173px;
             }
             ul{
              height: 707px;
              width: 1173px*6 ;
              // background-color: green;
              li{
                width:1173px ;
              }
             }
    }
  }
  ul li{
     height: 150px;
     width: 188px;
  }
}
.dh{
  width: 100%;
  height: 600px;
  background-color: #f5f5f3;
  position: relative;
      .dhimg{
        height: 106;
        width: 661px;
        margin-left: 350px;
       
      }
      .dhbox1{        
        margin-left: 35px;
        position: absolute;
        left: 200px;
        top: 100px;
      }
        .dhbox2{        
        margin-left: 35px;
        position: absolute;
        left: 200+297px;
        top: 100px;

      }
        .dhbox3{        
        margin-left: 35px;
        position: absolute;
        left: 200+297*2px;
        top: 100px;

      }
}
 
.sldh{
  width: 100%;
  height: 570px;
  // background-color: greenyellow;
  position: relative;
    #q1{
          margin-left: 220px;
    }
    .bto{
      width: 860px;
      height: 417px;
      // background-color: yellow;
      margin-left: 220px;
      display: flex;
      position: absolute;
        overflow: hidden;
      .ks{
          height: 417px;
        width: 605px;
        // background-color: royalblue;
        margin-left: 1px;
        overflow: hidden;
         position: absolute;

      }
      .bto1{
        // height: 417px;
        // width: 605px;
        // background-color: royalblue;
         position: absolute;
       left: 100px;
        .bto1-lb{
          display: flex;
           height: 417px;
           width: 605*6px;
           background-color: saddlebrown;
        }
      }
      .bto2{
        height: 417px;
        width: 210px;
        margin-left: 640px;        
      }
    }
}

.cebd{
  width: 84px;
  height: 340px;
  background-color: #fff;
  position: absolute;
  top: 280px;
  left: 80px;
  color: #652f18;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  // position: fixed;
  // position: absolute;
    
    .cedbli{
    list-style: none;
   text-align: center;
   height: 50px;
   line-height: 30px;
    }
    
 .cedb_ul div{
   height: 36px;
  text-align: center;
  //  border-bottom: #f4f0f0 1px dashed;
   height: 25px;
   border: solid 1px #f4f0f0;
 }
  .ejcd{
    width: 100px;
    height: 100px;
    background-color: #ff0036;
    position: absolute;
    text-align: center;
    line-height: 100px;
    top: 68px;
    left: 84px;
    color: #000;
   display: none;
  }
}
.p1{
 width: 361*4px;
  height: 520*2px;
background-color:#f5f5f3 ;
.bottom-img{
  width: 361*4px;
  height: 100%;
  margin-left: 170px;
  // background-color: red;
  .o1{
    margin-left: 190px;
  }
}
}

